FooterGroup 信息组
使用信息组组件可以在页脚中展示多个分组链接。
基础使用
ts
import DefaultTheme from "vitepress/theme";
import { TkFooterGroup, teekConfigContext } from "vitepress-theme-teek";
import "vitepress-theme-teek/theme-chalk/tk-footer-group.css";
import { h } from "vue";
provide(teekConfigContext, {
footerGroup: [
{
title: "外部链接",
links: [
{ name: "示例 1", link: "https://vp.teek.top" },
{ name: "示例 2", link: "https://vp.teek.top" },
{ name: "示例 3", link: "https://vp.teek.top" },
],
},
{
title: "内部链接",
links: [
{ name: "快速开始", link: "/guide/quickstart" },
{ name: "配置简介", link: "/reference/config" },
],
},
],
// ... 更多配置请看配置系列文章
});
export default {
extends: DefaultTheme,
Layout: () =>
h(DefaultTheme.Layout, null, {
"layout-bottom": () => h(TkFooterGroup),
}),
};
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34